table.treetable {
  border: 1px solid #888;
  border-collapse: collapse;
  font-size: .8em;
  line-height: 1;
  margin: .6em 0 1.8em 0;
  width: 100%;
}

table.treetable caption {
  font-size: .9em;
  font-weight: bold;
  margin-bottom: .2em;
}

table.treetable span.indenter {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: right;

  /* Disable text selection of nodes (for better D&D UX) */
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;

  /* Force content-box box model for indenter (Bootstrap compatibility) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

  width: 19px;
}

table.treetable span.indenter a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 19px;
}





table.treetable span.file {
  background-image: url(../images/file.png);
	    padding: .2em 0 .2em 1.5em;
    background-position: center left;
	background-repeat: no-repeat;
}

table.treetable span.folder {
  background-image: url(../images/folder.png);
	padding: .2em 0 .2em 1.5em;
    background-position: center left;
	background-repeat: no-repeat;
}

table.treetable tr.collapsed span.indenter a {
  background-image: url(../images/icon_r.png);
}

table.treetable tr.expanded span.indenter a {
  background-image: url(../images/icon_jiao.png);
}

table.treetable tr.branch {
  background-color: #f9f9f9;
}

table.treetable tr.selected {
  background-color: #3875d7;
  color: #fff;
}

table.treetable tr span.indenter a {
  outline: none; /* Expander shows outline after upgrading to 3.0 (#141) */
}

table.treetable tr.collapsed.selected span.indenter a {
  background-image: url(../images/icon_r_w.png);
}

table.treetable tr.expanded.selected span.indenter a {
  background-image: url(../images/icon_jiao_w.png);
}

table.treetable tr.accept {
  background-color: #a3bce4;
  color: #fff
}

table.treetable tr.collapsed.accept td span.indenter a {
  background-image: url(../images/icon_r_w.png);
}

table.treetable tr.expanded.accept td span.indenter a {
  background-image: url(../images/icon_jiao_w.png);
}
